<!--战队表-->
<section class="corps-list" id="teamList">
    <ul class=" data-li-table data-b-bottom ">
        <li class="title-row">
            <div class="col col-1" >排名</div>
            <div class="col col-2" >战队</div>
            <div class="col col-3" >地区</div>
            <div class="col col-4">实力评分</div>
        </li>
    </ul>


        <ul class=" data-li-table data-b-bottom " >
            <template v-for="item in list | orderBy 'Points' -1">
                <li>
                    <a  href="grade-detail-team.html?id=1">
                    <div class="col col-1">
                        <span> 01</span>
                    </div>
                    <div class="col col-2">
                        <div class="inner">
                            <div class="img-box">
                                <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/638b44a7-a9fa-4e15-9205-257a6f921d26.png" alt="name">
                            </div>
                            <p>{{item.TeamName}}</p>
                        </div>
                    </div>
                    <div class="col col-3">
                        <img width="20" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/5b1b4242-3392-4b3d-8ace-12315c14f6f1.jpg" alt="name">
                    </div>
                    <div class="col col-4 p-yellow-po">{{item.Points}}</div>
                    </a>
                </li>
            </template>
        </ul>


    <div class="load-more">
        <div class="load-wrap hide">
            <div class="loader">
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
            <div class="loader-text" >正在加载...</div>
        </div>
        <div class="none-data" >已经没有了</div>
        <div class="load-fail">加载失败，戳我重新加载。</div>
    </div>
</section>